<template>
  <div class="about">
  
    <div style="padding:20px 30px;box-sizing: border-box;">
          <image-text :id="105"></image-text>
    </div>
  </div>
</template>
<script>
import imageText from "../components/imageText";
import footerPart from "../views/footer";

export default {
  data() {
    return {
      activeName: "second"
    };
  },
  components: {
    imageText,
    footerPart
  },
  methods: {
    handleClick(tab) {
      switch(tab.index){
        case '0':
          this.$router.push('/About')
          break
        case '1':
         this.$router.push('/contant')
          break
        case '2':
          this.$router.push('/Join')
          break
        case '3':
          this.$router.push('/feedback')
          break
      }
      
    }
  }
};
</script>
<style>
.el-tabs__nav-wrap::after {
  width: 0;
}
.el-tabs__nav-scroll {
  display: flex;
  justify-content: center;
}
</style>